Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS

モバイル
youtube
Front End Portfolio Website Tutorial – Next.js, Three.js, Tailwind CSS Learn to code a mobile responsive personal portfolio website using Next.js, Three.js & Tailwind CSS. Course developed by @CodeBucks 🔗 Demo Link: 💻 Starter Code: 💻 Final Code: ⭐️ Contents ⭐️ ⌨️ (0:00:00) Intro + Demo ⌨️ (0:06:02) Setup and Installation ⌨️ (0:08:11) Layout.js file and Tailwind config ⌨️ (0:11:53) Home page ⌨️ (0:13:21) Generate Images using Playground AI ⌨️ (0:16:56) 3D model configuration and Rendering ⌨️ (0:37:13) Navigation buttons ⌨️ (1:07:53) Creating background firefly effect ⌨️ (1:20:07) Projects page ⌨️ (1:32:46) Subpages layout ⌨️ (1:40:08) About page ⌨️ (1:55:48) Github stats & Skill icons ⌨️ (2:10:48) Contact page ⌨️ (2:20:06) Using Emailjs ⌨️ (2:35:27) Show toast messages ⌨️ (2:41:23) Mobile responsive ⌨️ (3:10:16) Adding animations using framer-motion ⌨️ (3:23:57) Adding music ⌨️ (3:49:21) Optimizing Images and performance 🎉 Thanks to our Champion and Sponsor supporters: 👾 Drake Milly 👾 Ulises Moralez 👾 Goddard Tan 👾 David MG 👾 Matthew Springman 👾 Claudio 👾 Oscar R. 👾 jedi-or-sith 👾 Nattira Maneerat 👾 Justin Hual -- Learn to code for free and get a developer job: Read hundreds of articles on programming:
  2024/10/03      youtube

関連するプログラミング動画 [mobile]

Our Tag

最近投稿されたプログラミング学習動画

Same Code, New Chip, Who Dis?

Every company today runs on technology —...

  2026/10/02

Test on real hardware through Android CLI

android
android

Learn how to test your Android apps on p...

  2026/10/02

GenerAIly Speaking: Let's Talk Tokenomics | Amazon Web Services

Amazon

Everyone's spinning up AI, but how do yo...

  2026/10/02

GenerAIly Speaking: So, what exactly is a Token? | Amazon Web Services

Amazon

So what even is a token? Well, in this c...

  2026/10/02

Build better Wear OS apps with the Wear Compose Material 3 Android ski

android
android

Help your AI agents generate better code...

  2026/10/02

Android CLI and skills to improve your development

android
android

Discover the latest updates to Android C...

  2026/10/02

Think you could make a Next Gen Stat for the NFL?

We are talking to the NFL about their in...

  2026/10/02

🧾 Building a voice-to-print mirror with Gemini

Gayatri built a custom journaling device...

  2026/10/01

AWS: AI Answered — What does it take to run AI in production? | Amazon

Amazon

What does it take to run AI in productio...

  2026/10/01

How to transform audio into physical prints using Gemini and Google AI

Google

Using Nano Banana and Gemini through Ant...

  2026/10/01

Widget previews are FINALLY stable in Flutter 3.47! 🔍

flutter

In Flutter 3.47, Flutter Widget Previewe...

  2026/10/01

See CSS specificity automatically in Chrome DevTools

chrome

Chrome makes it easy to see CSS specific...

  2026/10/01

The Highest Leverage AI Career Move

Already employed and want into AI work? ...

  2026/10/01

Master n8n Automation + AI from Scratch

# n8n Tutorial for Beginners | Learn n8n...

  2026/09/30

Why Toyota built a custom embedder

Design

Toyota’s engineering and design teams sh...

  2026/09/30

AIBootcampLaunch

Design

Ready to build practical AI skills in ju...

  2026/09/30